<template>
    <div class="share_view">
        <Data_show_mode_cp
            :data_list="data_list"
            data_type="share"
            only_sign="id">
            <template #left>
                全部
            </template>
        </Data_show_mode_cp>
    </div>
</template>

<script>
import Data_show_mode_cp from '@/components/public_cp/data_show_mode'
export default { //分享视图组件
    name: 'Share_view',
    components:{
        Data_show_mode_cp,
    },
    data(){ 
        return{
            data_list:[],
            cp_show:false, //当前组件是否显示
        };
    },
    activated(){ //页面显示就刷新一次
        this.cp_show = true;
        this.get_data();
    },
    deactivated(){
        this.cp_show = false;
    },
    // created(){
    //     this.get_data();
    // },
    watch:{
        '$store.state.update_data'(){ //监听全局更新的状态来决定是否更新文件列表
            if(this.cp_show){
                this.get_data();
            }
        },
    },
    methods:{
        get_data(){ //从后台请求文件数据
            this.$store.commit('set_loading',{
                state:true,
                msg:'请稍后',
            });
            this.$axios.json_post('/shared/myreception').then(({data=[]})=>{
                this.data_list = data || [];
                this.$store.commit('setAllFileNumber',this.data_list.length);
                this.$store.commit('setFileSize',null);
            }).finally(()=>{
                this.$store.commit('set_loading',{
                    state:false,
                });
            }).catch(()=>{
                return;
            });
        },
    },
}
</script>

<style scoped lang='scss'>
.share_view{
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}
</style>
